<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>tab切换-横向</title>
    <link rel="stylesheet" href="static/css/tabChange-transerse.css">
</head>
<body>
<div class="tct-wrap">
    <div class="inner">
        <!--nav-->
        <ul class="tct-nav clearfix">
            <li class="l">All</li>
            <li class="l">Page One</li>
            <li class="l">Page Two</li>
            <li class="l">Page Three</li>
            <li class="l">Page Four</li>
        </ul>
        <!--content-->
        <div class="tct-content">
            <div class="tct-con-list"><img src="static/images/1.jpg"/></div>
            <div class="tct-con-list"><img src="static/images/2.jpg"/></div>
            <div class="tct-con-list"><img src="static/images/3.jpg"/></div>
            <div class="tct-con-list"><img src="static/images/4.jpg"/></div>
            <div class="tct-con-list"><img src="static/images/5.jpg"/></div>
        </div>
    </div>
</div>




<script src="static/js/jquery-3.2.0.min.js"></script>
<script src="static/js/tabChange-transerse.js"></script>
</body>
</html>